.register-box{
  .content{
    background: #ffffff;
    margin-top: 40px;
    padding-top: 10px;
    @include border-radius(6px);
    @include box-shadow(0 1px 10px 1px #e6e6e6);
    
    .logo{
      h2{
        font-size: 24px;
        color:#969696;
      }
      padding-bottom: 10px;
    }

    
    .form{
      width: 640px;
      margin: auto;
      padding-bottom: 20px;
      
      .form-group{
        margin: 10px 0;
        text-align: center;
        
        .form-title{
          margin-bottom: 6px;
          margin-top: 20px;
        }
        
        input{
          border: 1px solid #eaeaea;
          font-size: 16px;
          width: 260px;
          padding: 16px 10px;
          outline: none;
          @include border-radius(4px);
        }
        input:focus{
          border:1px solid  #00cc66;
          color: $primary-color;
          @include transition-duration(.45s);
        }
        .info{
          font-size: 12px;
        }
        
        button{
          display: inline-block;
          padding: 10px 40px;
          border:none;
          @include border-radius(4px);
          color:#ffffff;
          cursor: pointer;
          font-size: 16px;
        }

        button[type='submit']{
          background: #00CC66;
        }
        button[type='reset']{
          background: #FF6600;
        }

      }
      .form-group:last-child{
        margin-top: 20px;
      }
      
    }

  }
}